const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true
})

// vue是前台
// jiguo_server是后台
// 启动vue的node服务器是中台 前端的请求离开浏览器后会先到中台，然后到后台。跨域代理就发生在这里
// 浏览器有同源策略的限制，所以发请求时还是同源的地址，请求到了中台服务器之后，再修改到正确的地址
module.exports = {
  // 关闭校验
  // lintOnSave: false,
  devServer: {
    // devServer 开发服务器 在开发环境下会生效的代码 用来管理此时的服务器
    proxy: {
      // 接口前缀是/api时才会代理
      '/api': {
        target: 'http://localhost:3000', // 目标地址
        ws: true,
        changeOrigin: true,
        pathRewrite: { // 路径重写
          '/api': '/api'
        }
      },
      // '/qwer': {
      //   // 这里另外的代理方式
      // }
    }
  }
}

